<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title> 周边</title>
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
		<link rel="stylesheet" href="../../css/sm-extend.min.css">
		<script type='text/javascript' src='../../script/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm-extend.min.js' charset='utf-8'></script>
		<link rel="stylesheet" type="text/css" href="around.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
		<style>
			body {
				font-family: "微软雅黑";
			}
			a {
				color: #000;
			}
			a:active, a:link, a:visited, a:hover {
				color: #000;
				text-decoration: none;
			}
			.infinite-scroll-preloader {
				margin-top: 10px;
			}
		</style>
	</head>
	<body>
		<div class="page-group">
			<div class="page">
				<header class="bar bar-nav" id="header">
					<!--<a class="icon pull-left" onclick="goback();"><i  id="back" class="icon iconfont icon-xiangzuo1" style="font-size: 28px;color: #999"></i></a>-->
					<!--<a class="icon icon-left pull-left" onclick="goback();"></a>-->
					<!--<a class="icon icon-refresh pull-right"></a>-->
					<h1 class="title">周边</h1>
				</header>
				<div class="content pull-to-refresh-content native-scroll " data-distance="100">
					<div class="pull-to-refresh-layer">
						<div class="preloader"></div>
					</div>
					<div>
						<div class="bar-header-secondary" style="height: 3rem;padding-right: .5rem;padding-left: .5rem; background-color: #fff; backface-visibility: hidden;display:none">
							<div class="searchbar" style="background-color: #fff;">
								<!--<a class="searchbar-cancel" onclick="clickCancel()">取消</a>-->
								<form action="javascript:return true;">
									<div class="search-input">
										<label class="icon icon-search" for="search"></label>
										<input style="background-color:#ebebeb; border: 0px solid #b4b4b4; height: 1.6rem;" type="search" id='search' placeholder='搜索商家或地址'/>
									</div>
								</form>
							</div>
						</div>
						<div class="typeAll" style="padding-top:10px">
							<div class="same">
								<img src="../../image/food.png" onclick="getTypeList('326',1)"/>
								<p>
									美食餐饮
								</p>
							</div>
							<div class="same">
								<img src="../../image/hotel.png" onclick="getTypeList('377',1)"/>
								<p>
									酒店旅游
								</p>
							</div>
							<div class="same">
								<img src="../../image/life.png" onclick="getTypeList('316',1)"/>
								<p>
									生活服务
								</p>
							</div>
						</div>
						<div class="typeAll" style="padding: 10px 0;">
							<div class="same">
								<img src="../../image/play.png" onclick="getTypeList('320',1)"/>
								<p>
									休闲娱乐
								</p>
							</div>
							<div class="same">
								<img src="../../image/money.png" onclick="getTypeList('980',1)"/>
								<p>
									充值缴费
								</p>
							</div>
							<div class="same">
								<img src="../../image/another.png" onclick="getTypeList('323',1)"/>
								<p>
									其他服务
								</p>
							</div>
						</div>
						<div class="line">
							<div class="aLine"></div>
							<p class="lineR">
								猜你喜欢
							</p>
						</div>
					</div>
					<div class="infinite-scroll" data-distance="50">
						<div class="list-block" style="margin: 0rem 0;">
							<ul class="alist card-container list-container"></ul>
						</div>
						<!-- 加载提示符 -->
						<div class="infinite-scroll-preloader">
							<div class="preloader"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="around.js"></script>
</html>